// pages/movie/movie.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        comments: [],  // 保存所有的评论
        movie: {},     // 保存电影详情数据
        isOpen: false, // 保存简介是否展开状态
    },

    /** 点击评论后出发 */
    tapComment(e){
        let i = e.target.dataset.i 
        this.data.comments[i].isOpen = 
            !this.data.comments[i].isOpen // 切换展开状态
        this.setData({
            comments: this.data.comments
        })
    },

    /** 点击简介后执行 切换展开与收起 */
    tapIntro(){
        this.setData({
            isOpen: !this.data.isOpen
        })
    },

    /** 点击剧照图片执行 */
    tapThumb(e){
        // 获取当前点击的下标
        let i = e.target.dataset.i 
        if(i==undefined){ // 没点到图片
            return;
        }

        let urls = this.data.movie.thumb
        // 把urls数组中的每个路径后的@后缀去掉
        let newurls = [] 
        urls.forEach(item=>{
            // item: http://11.meituan.net/xssdfd.jpg@106wxxx
            newurls.push(item.split('@')[0])
        })
        wx.previewImage({
          urls: newurls,
          current: newurls[i]
        })
    },
    /** 加载当前电影ID下的评论信息 */
    loadComments(movieId){
        let db = wx.cloud.database() 
        // 查询云数据库comments集合中 movieid=${movieId}的记录
        db.collection('comments').where({
            movieid: movieId
        }).skip(0).limit(10).get().then(res=>{
            // 如果查不到数据，需要注意集合的权限
            console.log('查询当前电影的评论', res)
            // 将res.data存入this.data.comments
            this.setData({
                comments: res.data  
            })
        })
    }, 

    /** 生命周期函数--监听页面加载 */
    onLoad(options) {
        // options封装了上一页页面传过来的参数
        let id = options.id
        console.log('选中项的电影ID：' + id)
        // 通过电影ID，发送请求/detail.php，加载当前电影的详细数据
        wx.request({
            url: 'https://api.tedu.cn/detail.php',
            method: 'GET',
            data: {
                id
            },
            success: (res) => {
                console.log('电影详情：', res)
                this.setData({
                    movie: res.data
                })
            }
        })
        // 加载当前电影的评论信息
        this.loadComments(id)
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})